﻿
$(document).ready(
    $(function() {
            $.getJSON("/api/street/",
                function(data) {
                    var source =
                    {
                        datatype: "json",
                        datafields: [
                            { name: 'Id' },
                            { name: 'DistrictId' },
                            { name: 'Name' },
                            { name: 'AltName' },
                            { name: 'SocName' },
                            { name: 'IsVirtual' }
                        ],
                        id: 'Id',
                        localdata: data
                    };
                    var dataAdapter = new $.jqx.dataAdapter(source);
                    $("#jqxGrid").jqxGrid(
                        {
                            width: 900,
                            height: 900,
                            source: dataAdapter,
                            columns: [
                                { text: 'ID', datafield: 'Id', width: 100 },
                                { text: 'ID района', datafield: 'DistrictId', width: 100 },
                                { text: 'Название', datafield: 'Name', width: 200 },
                                { text: 'Альтернативное название', datafield: 'AltName', width: 200 },
                                { text: 'Социальное название', datafield: 'SocName', width: 200 },
                                { text: 'Виртуальная?', datafield: 'IsVirtual', width: 100 }
                            ]
                        }
                    );
                    localStorage.setItem("route", "/api/street/");
                });

        }
));